<template>
    <div class="page">
        <div class="mywallet">
            <img class="group" src="../../../images/cash.png">
            <div class="money">
                <p>提取奖励金</p>
                <p class="moneynum">{{money}}</p>
            </div>
        </div>
        <div class="back" @click="back()">确定</div>
    </div>
</template>


<script>
import { Toast, Cell, MessageBox } from "mint-ui";
export default {
    // 最顶部黑色栏
    data() {
        return {
            money: "",
            show: false,
            userinpmoney: ""
        };
    },
    components: {},
    created() {
        this.$store.commit("increment", "提现成功");
        this.route = Object.assign({}, this.$route);
        this.money = this.route.query.money
    },
    methods: {
        back() {
            this.$router.push({
                path: "/personalCenter"
            });
        },
    }
};
</script>
<style lang="less" scoped>
.page {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f1f2f3;
    overflow-x: auto;
    top: 0;
}
.mywallet .group{
    width: 180px;
    display: block;
    margin: 60px auto 0;
}
.money p{
    line-height: 20px;
    color: #666666;
}
.money .moneynum{
    font-size: 3rem;
    font-weight: 600;
    color: #000000;
    line-height: 4rem;
}
.bgtop {
    width: 100%;
    height: 150px;
    background: url(../../../images/Rectangle309@2x.png) no-repeat;
}
.back{
    width: 120px;
    height: 40px;
    position: absolute;
    color: #b95852;
    border: 1px solid #b95852;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    left: 50%;
    margin-left: -60px;
    bottom: 120px;
}
</style>
